.page.p6 {
  background-image   : url(./warning.jpg);
  background-size    : cover;
  background-repeat  : no-repeat;
  background-position: center;
  height             : 100vh;
  color              : #fff;
}

.p6>.cover {
  backdrop-filter : saturate(180%) blur(20px);
  background-color: rgba(255, 255, 255, 0.1);
  animation       : p6 1s ease-in-out infinite alternate-reverse;

}

@keyframes p6 {
  from {
    transform: scale(1.05)
  }

  to {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
  }
}